*{
  margin: 0;
  padding: 0;
}
html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ff2d2c;
  max-width: 500px;
}
#loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  color: #000000;
  text-align: center;
  font-size: 0.5rem;
  z-index: 1;
}
.bg{
  position: absolute;
  //width: 312px;
  perspective: 280px;
  width: (312/750)*100%;
  left: (125/750)*100%;
  top:(626/75)+rem;
  z-index: 0;
}
.bg_img{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  z-index: 0;
}
.num_group{
  position: absolute;
  color: #000;
  font-size: (73/75)+rem;
  top:(38/75)+rem;
  left: 12%;
  transform: rotateY(-20deg) rotateZ(14deg);
}
.num_group:before,.num_group:after{
  content: '';
  clear: both;
  display: table;
}
.num{
  float: left;
  width: (80/75)+rem;
  font-family: 'AdihausDIN';
  font-weight: bold;
  text-align: center;
}
.bg_box{
  position: relative;
  perspective: 280px;
  width: 100%;
  height: 100%;
  display: none;
}
.box_img{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
}
.close_1{
  position: absolute;
  //left:291px;
  left: (290/750)*100%;
  top:(171/75)+rem;
  width: (447/750)*100%;
  //z-index: 6;
  //display: none;
}
.close_2{
  position: absolute;
  left: (195/750)*100%;
  top:(209/75)+rem;
  width: (537/750)*100%;
  display: none;
  //z-index: 6;
}
.close_3{
  position: absolute;
  left: (100/750)*100%;
  top:(290/75)+rem;
  width: (631/750)*100%;
  z-index: 6;
  display: none;
}
.close_4{
  position: absolute;
  left: (94/750)*100%;
  top:(431/75)+rem;
  width: (638/750)*100%;
  z-index: 6;
  display: none;
}
.close_5{
  position: absolute;
  left: (98/750)*100%;
  top:(432/75)+rem;
  width: (633/750)*100%;
  z-index: 6;
  display: none;
}
.pos1{
  position: absolute;
  top:(898/75)+rem;
  left: (79/75)+rem;
  z-index: 2;
  width: (136/75)+rem;
}

.pos2{
  position: absolute;
  top:(802/75)+rem;
  left: (70/75)+rem;
  z-index: 2;
  width: (90/75)+rem;
}

.pos3{
  position: absolute;
  top:(883/75)+rem;
  left: (212/75)+rem;
  z-index: 2;
  width: (90/75)+rem;
}
.pos4{
  position: absolute;
  top:(953/75)+rem;
  left: (483/75)+rem;
  z-index: 2;
  width: (90/75)+rem;
}

.pos5{
  position: absolute;
  top:(1010/75)+rem;
  left: (46/75)+rem;
  z-index: 2;
  width: (90/75)+rem;
}
.pos6{
  position: absolute;
  top:(796/75)+rem;
  left: (248/75)+rem;
  z-index: 2;
  width: (90/75)+rem;
}

.pos7{
  position: absolute;
  top:(970/75)+rem;
  left: (310/75)+rem;
  z-index: 5;
  width: (90/75)+rem;
}

.pos8{
  position: absolute;
  top:(1033/75)+rem;
  left: (478/75)+rem;
  z-index: 2;
  width: (50/75)+rem;
}

.pos9{
  position: absolute;
  top:(686/75)+rem;
  left: (110/75)+rem;
  z-index: 2;
  width: (50/75)+rem;
}

.pos10{
  position: absolute;
  top:(953/75)+rem;
  left: (141/75)+rem;
  z-index: 1;
  width: (105/75)+rem;
}
.pos11{
  position: absolute;
  top:(1051/75)+rem;
  left: (262/75)+rem;
  z-index: 1;
  width: (105/75)+rem;
}

.pos12{
  position: absolute;
  top:(827/75)+rem;
  left: (595/75)+rem;
  z-index: 1;
  width: (105/75)+rem;
}

.pos13{
  position: absolute;
  top:(920/75)+rem;
  left: (595/75)+rem;
  z-index: 1;
  width: (81/75)+rem;
}

.pos14{
  position: absolute;
  top:(865/75)+rem;
  left: (383/75)+rem;
  z-index: 1;
  width: (81/75)+rem;
}
.pos15{
  position: absolute;
  top:(753/75)+rem;
  left: (109/75)+rem;
  z-index: 2;
  width: (49/75)+rem;
}
.pos16{
  position: absolute;
  top:(860/75)+rem;
  left: (140/75)+rem;
  z-index: 2;
  width: (49/75)+rem;
}

.pos17{
   position: absolute;
   top:(1089/75)+rem;
   left: (209/75)+rem;
   z-index: 2;
   width: (49/75)+rem;
}

.pos18{
  position: absolute;
  top:(1040/75)+rem;
  left: (560/75)+rem;
  z-index: 5;
  width: (49/75)+rem;
}

.pos19{
  position: absolute;
  top:(669/75)+rem;
  left: (420/75)+rem;
  z-index: 2;
  width: (49/75)+rem;
}

.pos20{
  position: absolute;
  //top:(780/75)+rem;
  //left: (160/75)+rem;
  top:(970/75)+rem;
  left: (573/75)+rem;
  z-index: 5;
  width: (84/75)+rem;
}

.pos21{
  position: absolute;
  top:(770/75)+rem;
  left: (338/75)+rem;
  z-index: 2;
  width: (84/75)+rem;
}
.pos22{
  position: absolute;
  top:(883/75)+rem;
  left: (310/75)+rem;
  z-index: 2;
  width: (84/75)+rem;
}

.pos23{
  position: absolute;
  top:(780/75)+rem;
  left: (608/75)+rem;
  z-index: 2;
  width: (45/75)+rem;
}

.pos24{
  position: absolute;
  top:(900/75)+rem;
  left: (440/75)+rem;
  z-index: 1;
  width: (45/75)+rem;
}

.pos25{
  position: absolute;
  top:(1000/75)+rem;
  left: (410/75)+rem;
  z-index: 2;
  width: (37/75)+rem;
}

.pos26{
  position: absolute;
  top:(900/75)+rem;
  left: (554/75)+rem;
  z-index: 2;
  width: (37/75)+rem;
}

.pos27{
  position: absolute;
  top:(970/75)+rem;
  left: (248/75)+rem;
  z-index: 2;
  width: (38/75)+rem;
}

.icon{
  position: absolute;
  bottom:(30/75)+rem;
  left:(30/75)+rem;
  width: (49/75)+rem;
  z-index: 1;
}

.end{
  position: absolute;
  top:(88/75)+rem;
  left:(293/750)*100%;
  width: (389/750)*100%;
  z-index: 1;
  display: none;
}

.address{
  position: absolute;
  bottom:(50/75)+rem;
  left:(40/750)*100%;
  width: (496/750)*100%;
  z-index: 1;
  display: none;
}

.bannao{
  position: absolute;
  top:(1041/75)+rem;
  left:(630/750)*100%;
  width: (86/750)*100%;
  z-index: 1;
}

.banren{
  position: absolute;
  top:(1080/75)+rem;
  left:(400/750)*100%;
  width: (96/750)*100%;
  z-index: 1;
}

.banidea{
  position: absolute;
  top:(1110/75)+rem;
  left:(450/750)*100%;
  width: (123/750)*100%;
  z-index: 1;
}
.renAnimate{
  -webkit-animation:ren2 0.8s ease-in infinite;
}

@-webkit-keyframes ren2 {
  0% {
    top:(970/75)+rem;
  }
  50% {
    top:(980/75)+rem;
  }
  100% {
    top:(970/75)+rem;
  }
}

.naoAnimate{
  -webkit-animation:nao2 0.8s ease-in infinite;
}

@-webkit-keyframes nao2 {
  0% {
    top:(970/75)+rem;
  }
  50% {
    top:(980/75)+rem;
  }
  100% {
    top:(970/75)+rem;
  }
}

.ideaAnimate{
  -webkit-animation:idea2 0.8s ease-in infinite;
}

@-webkit-keyframes idea2 {
  0% {
    top:(1040/75)+rem;
  }
  50% {
    top:(1050/75)+rem;
  }
  100% {
    top:(1040/75)+rem;
  }
}
//.renAnimate{
//  //-webkit-animation:ren 0.8s ease-in infinite;
//}
//.naoAnimate{
//  //-webkit-animation:nao 0.8s ease-in infinite;
//}
//.ideaAnimate{
//  //-webkit-animation:idea 0.8s ease-in infinite;
//}

.hudie{
  position: absolute;
  left: (249/750)*100%;
  top:(453/75)+rem;
  width: (413/750)*100%;
  z-index: 1;
  opacity: 0;
  //display: none;
}

.hudieAnimate{
  -webkit-animation:hudiekey 1s ease-in 1 forwards;
}

@-webkit-keyframes ren {
  0% {
    top:(1080/75)+rem;
    left:(400/750)*100%;
  }
  50% {
    top:(1100/75)+rem;
    left:(420/750)*100%;
  }
  100% {
    top:(1080/75)+rem;
    left:(400/750)*100%;
  }
}
@-webkit-keyframes nao {
  0% {
    top:(1041/75)+rem;
    left:(630/750)*100%;
  }
  50% {
    top:(1060/75)+rem;
    left:(650/750)*100%;
  }
  100% {
    top:(1041/75)+rem;
    left:(630/750)*100%;
  }
}
@-webkit-keyframes idea {
  0% {
    top:(1100/75)+rem;
    left:(450/750)*100%;
  }
  50% {
    top:(1120/75)+rem;
    left:(430/750)*100%;
  }
  100% {
    top:(1100/75)+rem;
    left:(450/750)*100%;
  }
}

@-webkit-keyframes hudiekey {
  0% {
    left: (249/750)*100%;
    top:(420/75)+rem;
  }
  100% {
    left: (249/750)*100%;
    top:(453/75)+rem;
    opacity: 1;
    z-index: 6;
  }
}